/*
--------------------------------------------------
备注: 
导入钉钉183个字体图标

第一步：引入项目下面生成的 fontclass 代码：
<link rel="stylesheet" href="./iconfont.css">
第二步：挑选相应图标并获取类名，应用于页面：
<span class="icon-xxx"></span>
--------------------------------------------------
*/

@font-face {
  font-family: "iconfont";
  // sass-loader的不提供url重写，官方也提供了两种解决方法,官方链接：https://github.com/webpack-contrib/sass-loader
  src: url('#{$font-icon-path}iconfont.woff') format('woff'); /* IE9+,Firefox3.5+,Chrome6+,Safari3.6+,Opera11.1+ */
  src: url('#{$font-icon-path}/iconfont.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, */
}

[class^="#{$css-prefix}icon"] {
  display: inline-block;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.#{$css-prefix}icon-add:before {
  content: "\eb8f";
}

.#{$css-prefix}icon-addmessage:before {
  content: "\eb90";
}

.#{$css-prefix}icon-addresslist:before {
  content: "\eb91";
}

.#{$css-prefix}icon-affiliations-li:before {
  content: "\eb92";
}

.#{$css-prefix}icon-addperson:before {
  content: "\eb93";
}

.#{$css-prefix}icon-boss:before {
  content: "\eb94";
}

.#{$css-prefix}icon-alipay-line:before {
  content: "\eb95";
}

.#{$css-prefix}icon-addressbook:before {
  content: "\eb96";
}

.#{$css-prefix}icon-at:before {
  content: "\eb97";
}

.#{$css-prefix}icon-airplay:before {
  content: "\eb98";
}

.#{$css-prefix}icon-calendar:before {
  content: "\eb99";
}

.#{$css-prefix}icon-attestation:before {
  content: "\eb9a";
}

.#{$css-prefix}icon-camera:before {
  content: "\eb9b";
}

.#{$css-prefix}icon-certificate-fil:before {
  content: "\eb9c";
}

.#{$css-prefix}icon-coinpurse-line:before {
  content: "\eb9d";
}

.#{$css-prefix}icon-collect:before {
  content: "\eb9e";
}

.#{$css-prefix}icon-compile:before {
  content: "\eb9f";
}

.#{$css-prefix}icon-details:before {
  content: "\eba0";
}

.#{$css-prefix}icon-circle-line:before {
  content: "\eba1";
}

.#{$css-prefix}icon-cloud-history:before {
  content: "\eba2";
}

.#{$css-prefix}icon-community-line:before {
  content: "\eba3";
}

.#{$css-prefix}icon-discovery:before {
  content: "\eba4";
}

.#{$css-prefix}icon-delete:before {
  content: "\eba5";
}

.#{$css-prefix}icon-dispose:before {
  content: "\eba6";
}

.#{$css-prefix}icon-doc:before {
  content: "\eba7";
}

.#{$css-prefix}icon-cspace:before {
  content: "\eba8";
}

.#{$css-prefix}icon-exchange:before {
  content: "\eba9";
}

.#{$css-prefix}icon-ding:before {
  content: "\ebaa";
}

.#{$css-prefix}icon-down:before {
  content: "\ebab";
}

.#{$css-prefix}icon-dingtalk-line:before {
  content: "\ebac";
}

.#{$css-prefix}icon-gift:before {
  content: "\ebad";
}

.#{$css-prefix}icon-glass:before {
  content: "\ebae";
}

.#{$css-prefix}icon-file:before {
  content: "\ebaf";
}

.#{$css-prefix}icon-GPS:before {
  content: "\ebb0";
}

.#{$css-prefix}icon-hardware-fill:before {
  content: "\ebb1";
}

.#{$css-prefix}icon-HRM:before {
  content: "\ebb2";
}

.#{$css-prefix}icon-im-more:before {
  content: "\ebb3";
}

.#{$css-prefix}icon-Eapp-line:before {
  content: "\ebb4";
}

.#{$css-prefix}icon-group:before {
  content: "\ebb5";
}

.#{$css-prefix}icon-horn:before {
  content: "\ebb6";
}

.#{$css-prefix}icon-im-face:before {
  content: "\ebb7";
}

.#{$css-prefix}icon-homepage:before {
  content: "\ebb8";
}

.#{$css-prefix}icon-invite:before {
  content: "\ebb9";
}

.#{$css-prefix}icon-launch-page:before {
  content: "\ebba";
}

.#{$css-prefix}icon-likegood:before {
  content: "\ebbb";
}

.#{$css-prefix}icon-index-line:before {
  content: "\ebbc";
}

.#{$css-prefix}icon-live:before {
  content: "\ebbd";
}

.#{$css-prefix}icon-link:before {
  content: "\ebbe";
}

.#{$css-prefix}icon-im-voice:before {
  content: "\ebbf";
}

.#{$css-prefix}icon-mobilephone:before {
  content: "\ebc0";
}

.#{$css-prefix}icon-dmail:before {
  content: "\ebc1";
}

.#{$css-prefix}icon-message:before {
  content: "\ebc2";
}

.#{$css-prefix}icon-new-recruit:before {
  content: "\ebc3";
}

.#{$css-prefix}icon-little-taget:before {
  content: "\ebc4";
}

.#{$css-prefix}icon-more:before {
  content: "\ebc5";
}

.#{$css-prefix}icon-left:before {
  content: "\ebc6";
}

.#{$css-prefix}icon-next-arrow:before {
  content: "\ebc7";
}

.#{$css-prefix}icon-notice:before {
  content: "\ebc8";
}

.#{$css-prefix}icon-nomemo:before {
  content: "\ebc9";
}

.#{$css-prefix}icon-newgroup:before {
  content: "\ebca";
}

.#{$css-prefix}icon-namecard:before {
  content: "\ebcb";
}

.#{$css-prefix}icon-phone:before {
  content: "\ebcc";
}

.#{$css-prefix}icon-qq:before {
  content: "\ebcd";
}

.#{$css-prefix}icon-photo:before {
  content: "\ebce";
}

.#{$css-prefix}icon-medal:before {
  content: "\ebcf";
}

.#{$css-prefix}icon-redpacket:before {
  content: "\ebd0";
}

.#{$css-prefix}icon-patriarch:before {
  content: "\ebd1";
}

.#{$css-prefix}icon-roundclose:before {
  content: "\ebd2";
}

.#{$css-prefix}icon-im-keyboard:before {
  content: "\ebd3";
}

.#{$css-prefix}icon-roundreduce:before {
  content: "\ebd4";
}

.#{$css-prefix}icon-railway:before {
  content: "\ebd5";
}

.#{$css-prefix}icon-QRcode:before {
  content: "\ebd6";
}

.#{$css-prefix}icon-savememo:before {
  content: "\ebd7";
}

.#{$css-prefix}icon-roundadd:before {
  content: "\ebd8";
}

.#{$css-prefix}icon-refresh:before {
  content: "\ebd9";
}

.#{$css-prefix}icon-search:before {
  content: "\ebda";
}

.#{$css-prefix}icon-scan:before {
  content: "\ebdb";
}

.#{$css-prefix}icon-send:before {
  content: "\ebdc";
}

.#{$css-prefix}icon-principal:before {
  content: "\ebdd";
}

.#{$css-prefix}icon-service:before {
  content: "\ebde";
}

.#{$css-prefix}icon-scan-namecard:before {
  content: "\ebdf";
}

.#{$css-prefix}icon-secret:before {
  content: "\ebe0";
}

.#{$css-prefix}icon-share:before {
  content: "\ebe1";
}

.#{$css-prefix}icon-signin-line:before {
  content: "\ebe2";
}

.#{$css-prefix}icon-sms:before {
  content: "\ebe3";
}

.#{$css-prefix}icon-sketch:before {
  content: "\ebe4";
}

.#{$css-prefix}icon-setting:before {
  content: "\ebe5";
}

.#{$css-prefix}icon-signal:before {
  content: "\ebe6";
}

.#{$css-prefix}icon-skin:before {
  content: "\ebe7";
}

.#{$css-prefix}icon-star:before {
  content: "\ebe8";
}

.#{$css-prefix}icon-subordinate:before {
  content: "\ebe9";
}

.#{$css-prefix}icon-task:before {
  content: "\ebea";
}

.#{$css-prefix}icon-statistics:before {
  content: "\ebeb";
}

.#{$css-prefix}icon-threeline-fill:before {
  content: "\ebec";
}

.#{$css-prefix}icon-study:before {
  content: "\ebed";
}

.#{$css-prefix}icon-voice:before {
  content: "\ebee";
}

.#{$css-prefix}icon-square:before {
  content: "\ebef";
}

.#{$css-prefix}icon-wechat:before {
  content: "\ebf0";
}

.#{$css-prefix}icon-sport:before {
  content: "\ebf1";
}

.#{$css-prefix}icon-work:before {
  content: "\ebf2";
}

.#{$css-prefix}icon-warn:before {
  content: "\ebf3";
}

.#{$css-prefix}icon-workmore:before {
  content: "\ebf4";
}

.#{$css-prefix}icon-safety:before {
  content: "\ebf5";
}

.#{$css-prefix}icon-workset:before {
  content: "\ebf6";
}

.#{$css-prefix}icon-voipphone:before {
  content: "\ebf7";
}

.#{$css-prefix}icon-shield:before {
  content: "\ebf8";
}

.#{$css-prefix}icon-shakehands:before {
  content: "\ebf9";
}

.#{$css-prefix}icon-video:before {
  content: "\ebfa";
}

.#{$css-prefix}icon-task-done:before {
  content: "\ebfb";
}

.#{$css-prefix}icon-meeting:before {
  content: "\ebfc";
}

.#{$css-prefix}icon-synergy:before {
  content: "\ebfd";
}

.#{$css-prefix}icon-workfile-line:before {
  content: "\ebfe";
}

.#{$css-prefix}icon-approval-fill:before {
  content: "\ebff";
}

.#{$css-prefix}icon-addresslist-fil:before {
  content: "\ec00";
}

.#{$css-prefix}icon-cmail:before {
  content: "\ec01";
}

.#{$css-prefix}icon-collect-fill:before {
  content: "\ec02";
}

.#{$css-prefix}icon-boss-fill:before {
  content: "\ec03";
}

.#{$css-prefix}icon-addressbook-fil:before {
  content: "\ec04";
}

.#{$css-prefix}icon-bizcall-fill:before {
  content: "\ec05";
}

.#{$css-prefix}icon-calendar-fill:before {
  content: "\ec06";
}

.#{$css-prefix}icon-cspace-fill:before {
  content: "\ec07";
}

.#{$css-prefix}icon-delete-fill:before {
  content: "\ec08";
}

.#{$css-prefix}icon-doc-fill:before {
  content: "\ec09";
}

.#{$css-prefix}icon-camera-fill:before {
  content: "\ec0a";
}

.#{$css-prefix}icon-copyto:before {
  content: "\ec0b";
}

.#{$css-prefix}icon-dingtalk:before {
  content: "\ec0c";
}

.#{$css-prefix}icon-Eapp:before {
  content: "\ec0d";
}

.#{$css-prefix}icon-ding-ding-fill:before {
  content: "\ec0e";
}

.#{$css-prefix}icon-file-fill:before {
  content: "\ec0f";
}

.#{$css-prefix}icon-dmail-fill:before {
  content: "\ec10";
}

.#{$css-prefix}icon-conf-video-fill:before {
  content: "\ec11";
}

.#{$css-prefix}icon-gather-fill:before {
  content: "\ec12";
}

.#{$css-prefix}icon-Inbox:before {
  content: "\ec13";
}

.#{$css-prefix}icon-coinpurse:before {
  content: "\ec14";
}

.#{$css-prefix}icon-certification-f:before {
  content: "\ec15";
}

.#{$css-prefix}icon-exchange-fill:before {
  content: "\ec16";
}

.#{$css-prefix}icon-inform-fill:before {
  content: "\ec17";
}

.#{$css-prefix}icon-discovery-fill:before {
  content: "\ec18";
}

.#{$css-prefix}icon-likegood-fill:before {
  content: "\ec19";
}

.#{$css-prefix}icon-gps-fill:before {
  content: "\ec1a";
}

.#{$css-prefix}icon-dingtab:before {
  content: "\ec1b";
}

.#{$css-prefix}icon-invite-fill:before {
  content: "\ec1c";
}

.#{$css-prefix}icon-launch-page-fil:before {
  content: "\ec1d";
}

.#{$css-prefix}icon-homepage-fill:before {
  content: "\ec1e";
}

.#{$css-prefix}icon-gift-fill:before {
  content: "\ec1f";
}

.#{$css-prefix}icon-medal-fill:before {
  content: "\ec20";
}

.#{$css-prefix}icon-journal-fill:before {
  content: "\ec21";
}

.#{$css-prefix}icon-memo:before {
  content: "\ec22";
}

.#{$css-prefix}icon-live-fill:before {
  content: "\ec23";
}

.#{$css-prefix}icon-message-fill:before {
  content: "\ec24";
}

.#{$css-prefix}icon-meeting-fill:before {
  content: "\ec25";
}

.#{$css-prefix}icon-newapplication-:before {
  content: "\ec26";
}

.#{$css-prefix}icon-people-fill:before {
  content: "\ec27";
}

.#{$css-prefix}icon-photo-fill:before {
  content: "\ec28";
}

.#{$css-prefix}icon-new-recruit-fil:before {
  content: "\ec29";
}

.#{$css-prefix}icon-phone-fill:before {
  content: "\ec2a";
}

.#{$css-prefix}icon-ping:before {
  content: "\ec2b";
}

.#{$css-prefix}icon-qq-fill:before {
  content: "\ec2c";
}

.#{$css-prefix}icon-report-fill:before {
  content: "\ec2d";
}

.#{$css-prefix}icon-roundreduce-fil:before {
  content: "\ec2e";
}

.#{$css-prefix}icon-namecard-fill:before {
  content: "\ec2f";
}

.#{$css-prefix}icon-safety-fill:before {
  content: "\ec30";
}

.#{$css-prefix}icon-redpacket-fill:before {
  content: "\ec31";
}

.#{$css-prefix}icon-replieslist:before {
  content: "\ec32";
}

.#{$css-prefix}icon-roundadd-fill:before {
  content: "\ec33";
}

.#{$css-prefix}icon-service-fill:before {
  content: "\ec34";
}

.#{$css-prefix}icon-newgroup-fill:before {
  content: "\ec35";
}

.#{$css-prefix}icon-study-fill:before {
  content: "\ec36";
}

.#{$css-prefix}icon-star-fill:before {
  content: "\ec37";
}

.#{$css-prefix}icon-signal-fill:before {
  content: "\ec38";
}

.#{$css-prefix}icon-task-checkbox-d:before {
  content: "\ec39";
}

.#{$css-prefix}icon-setting-fill:before {
  content: "\ec3a";
}

.#{$css-prefix}icon-signin:before {
  content: "\ec3b";
}

.#{$css-prefix}icon-skin-fill:before {
  content: "\ec3c";
}

.#{$css-prefix}icon-shakehands-fill:before {
  content: "\ec3d";
}

.#{$css-prefix}icon-sketch-fill:before {
  content: "\ec3e";
}

.#{$css-prefix}icon-work-fill:before {
  content: "\ec3f";
}

.#{$css-prefix}icon-statistics-fill:before {
  content: "\ec40";
}

.#{$css-prefix}icon-video-fill:before {
  content: "\ec41";
}

.#{$css-prefix}icon-trashcan:before {
  content: "\ec42";
}

.#{$css-prefix}icon-synergy-fill:before {
  content: "\ec43";
}

.#{$css-prefix}icon-warn-fill:before {
  content: "\ec44";
}

.#{$css-prefix}icon-roundclose-fill:before {
  content: "\ec45";
}

